<%@page import="svn_photo.Photo"%>
<%@page import="svn_photo.photoVo"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>photoView.jsp</title>
<script src='photo_sc.js'></script>
<style>
/*--------------------------스타일 적용----------------------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {
	font-family: 'Nanum Gothic', sans-serif;
}
#holl{
	width:1000px;
	hegiht:600px;
	margin:0 auto;
	padding-bottom: 50px;
}



#sub_title{
	font-family: 'Nanum Gothic', sans-serif;
	font-size:28px;
	font-style:#ffffff;
	border: 0px solid #faa719;
	background-color:#0fce84;
	position: relative;
	width: 70%;
	height: 30px;
	margin-top: 50px;
	margin-bottom:10px;
	padding-top: 10px;
	color:#ffffff;
	padding-bottom: 10px;

}

#Glr{
	font-family: 'Nanum Gothic', sans-serif;
	width:70%;
	text-align: center;
}

#Gleft{
	font-family: 'Nanum Gothic', sans-serif;
	height:100%;
	width:20%;
	margin-top:10px;
	border:1px solid #BDBDBD;
	float: left;
}

#left{
	font-family: 'Nanum Gothic', sans-serif;
	padding-top:10px;
	border:1px solid #BDBDBD;
	width:100%;
	height: 30px;
	text-align: center;
	font-size: 20px;

}

#Gright{
	font-family: 'Nanum Gothic', sans-serif;
	height:100%px;
	width:79%;
	text-align:'left';
	margin-top:10px;
	border:1px solid #BDBDBD;
	float: left;
	margin-left: 0px;
}
.right,.rightdate{
	font-family: 'Nanum Gothic', sans-serif;
	padding-top:10px;
 	border:1px solid #BDBDBD;
	width:100%;
	height: 30px;
	text-align: center;
	display: inline-block;
}
.rightdate input{
	font-family: 'Nanum Gothic', sans-serif;
	width:250px;
	height: 35px;
	margin-top:-10px;
	margin-left: 0px;
	display: inline-block;
	border:1px solid #aabbcc;
	padding-top:1px;

}
.right select{
	font-family: 'Nanum Gothic', sans-serif;
	text-align: left;
}

.right input{
	font-family: 'Nanum Gothic', sans-serif;
	width:99%;
	height:34px;
	margin-top:-10px;
	margin-left:0px;
}
#gisu{
	font-family: 'Nanum Gothic', sans-serif;
	width:50%;
	height:36px;
	margin-top:-10px;
	padding-left:0px;
	
}

#Gleft,#Gright{
	font-family: 'Nanum Gothic', sans-serif;
	display: inline-block;
}

.rightdetail{
	font-family: 'Nanum Gothic', sans-serif;
	border:1px solid #BDBDBD;
	width:100%;
	height: 200px;
	display: inline-block;
}

#leftdetail{
	font-family: 'Nanum Gothic', sans-serif;
	width:100%;
	height: 200px;
	border:1px solid #BDBDBD;
	font-size: 20px;
}

#Gbtn{
	font-family: 'Nanum Gothic', sans-serif;
	margin-top:10px;
	display: inline-block;

}
#ft{
	font-family: 'Nanum Gothic', sans-serif;
	display:inline-block;
	margin: 10px;
}
#rightd{
	font-family: 'Nanum Gothic', sans-serif;
	width:98.7%;
	height:97%;
	padding-top:0px;
	resize:none;
}

</style>
</head>



<body>
<% 
//아이디 정보 가져오는 것(로그인 확인하는 것)
String sessionID=(String)session.getAttribute("mid");
if(sessionID==null){
	sessionID="NotUser";
}

%>
<jsp:useBean id="photoVo" class="svn_photo.photoVo"/>
<jsp:setProperty property="*" name="photoVo"/>
<%
Photo pv = new Photo();
pv.setVo(photoVo);
photoVo pvo= pv.view();


String mid = pvo.getMid();
%>



<div id='holl' align="center">
	<div id='sub_title' align="center" >
	포트폴리오 상세내용</div>
	<div id='img' align=center">
		<input type="image" src="./photoUpload/<%=pvo.getFilename()%>" alt="img"><br/>
		파 일 이 름 : <%=pvo.getFilename() %>
	</div>
	
	
	<div id='Glr' align='center'>
		
		<div id='Gleft'>
			<div id='left'>작성일</div>
			<div id='left'>작성자</div>
			<div id='left'>프로젝트명</div>
			<div id='left'>참여기간</div>
			<div id='left'>참여자</div>		
			<div id='left'>요약</div>
			<div id='left'>사용프로그램</div>
			<div id='left'>작업환경</div>
			<div id='leftdetail'>상세내용</div>
		</div>
		
		
		<div id='Gright'>
			<div class='right'><%=pvo.getMdate() %></div>
			<div class='right'><%=pvo.getMid() %></div>
			<div class='right'><%=pvo.getProject() %></div>
			<div class='rightdate'><%=pvo.getGdate()%> ~ <%=pvo.getJdate()%></div>
			<div class='right'><%=pvo.getParty() %></div>
			<div class='right'><%=pvo.getSummary() %></div>
			<div class='right'><%=pvo.getUsedpro() %></div>
			<div class='right'><%=pvo.getWorkspace() %></div>
			<div class='rightdetail'><textarea id='rightd' rows="5" cols="60" readonly><%=pvo.getContent()%></TEXTAREA></div>
		</div>
		
		<%if(sessionID.equals("admin") || mid.equals(sessionID) ){ %>
		<div id='Gbtn'>
		<input type="button" value="수정" onclick="modify(<%=pvo.getSerial()%>)">
		<input type="button" value="삭제" onclick="del(<%=pvo.getSerial()%>,'<%=pvo.getFilename()%>')"> 
		<input type='button' value='목록' id='btList'>	
		</div>
		<%}else { %>
		<div id='Gbtn'>
		<input type='button' value='목록' id='btList'>	
		</div>
		<%} %>
	</div>


</div>
	<div id='ft' style="width: 100%; height: 20px; display: inline-block;" align="center"></div>
<script> init();</script>

</body>
</html>